<!--{extend name="./tpl/default/mobile/public/layout1.html" /}-->
{block name="header"}
<link rel="stylesheet" href="/public/home/mobile/css/guanjian/chaopinliebiao.css">
<link rel="stylesheet" href="/public/home/mobile/css/member/set.css">
<script src="/public/plugins/jquery.min.js"></script>
<script src="/public/plugins/sku/goods.js"></script>
<script>var sku_list ={$skuList};</script>
<script src="/public/plugins/sku/goods-sku.js"></script>
<style>
    .sel {
        background: #40BDFF;
        color: #fff;
    }
    #d1>p{
        margin: 0px;
    }
</style>
{/block}
{block name="head"}
<div style="height:45px;">
<div class="am-g" style=" overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid #ccc;position: fixed;
    z-index: 99;box-shadow: 0 3px 4px #b6b6b6;background: #fff;line-height:45px; ">
 <div class="am-u-sm-10">
        <span class="icon iconfont icon-xiangzuojiantou" onclick="history.back(-1)"></span>
    </div>
    <div class="am-u-sm-2">
         <div style="float:right;"><span class="icon iconfont icon-sousuo"  onclick="location.href='{:url('/home/Goods/search')}?goods_name='+$('#keys').val()"></span></div>
    </div>
</div>
</div>
{/block}
<!--<header class="am-topbar am-topbar-inverse am-topbar-fixed-bottom">-->
<!--<div class="am-container">-->
<!-- -->
<!--</div>-->
<!--</header>-->
<!--内容主体-->
<!--轮播图开始-->
{block name="body"}
<div id="dingxiang" style="height: 340px;position: relative;">
<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0" style="margin: 0px;">
    <ul class="am-slides">
        {volist name="goodsInfo.album_arr" id="vo"}
        <li><img src="{$vo}" style="height: 340px;"/></li>
        {/volist}
    </ul>
    <div class="am-g" style="text-align: center;margin-bottom: 0px;overflow: hidden;top: 83%;z-index: 80;position: absolute;background: rgba(0,0,0,0.5);height: 58px;line-height: 58px;
    ">
        <div class="am-u-sm-12">
            <h1 class="fulltitle" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;color:#ffffff;text-align: left;margin: 0px;">{$goodsInfo.fulltitle}</h1>
        </div>

    </div>
</div>
</div>
<!--立即预约-->
<div class="am-g" style="margin-top: 15px;">
    <div class="am-u-sm-12" style="margin-top: 15px;text-align: center;">
        <button type="button" class="am-btn am-btn-danger"
            data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 300, height:400}"
            style="background: #40BDFF;width: 260px;outline: none;border: none;" onclick="subForm();">
        <a href="{:url('/home/Index/special',['special_id'=>2])}" style="color:#fff;">立即预约设计</a>
    </button>
    </div>
    <div class="am-u-sm-12" style="text-align: center;margin-top: 15px;">
        已经预约<b style="color:#f77e35;font-size: 20px; ">1205</b>人
    </div>

</div>
<div class="am-g" style="text-align: center;background: #EEEEEE;height: 49px;margin-top: 15px; ">
    <div class="am-u-sm-4" style="padding: 10px 0px;">
        <span class="icon iconfont icon-wancheng" style="color: #f77e35; "></span>
        正品保证
    </div>
    <div class="am-u-sm-4" style="padding: 10px 0px;">
        <span class="icon iconfont icon-wancheng" style="color: #f77e35; "></span>
        厂家直销
    </div>
    <div class="am-u-sm-4" style="padding: 10px 0px;">
        <span class="icon iconfont icon-wancheng" style="color: #f77e35; "></span>
        橱柜定制
    </div>
</div>

<h2 style="text-align: left;font-size: 18px;margin-top: 15px;
    font-weight: 300;padding-left: 10px;"><b style="width: 3px;border: 3px solid #f77e35;margin-right: 5px;"></b>商品详情</h2>
<ul class="am-list" style="text-align: left;">
    {volist name="goodsInfo.extend_list" id="vo"}
    <li style="height:50px;border: none;background: #EEEEEE;">
        <div class="am-g">
            <div class="am-u-sm-6">
                <span>{$vo.item_name}</span>
            </div>
            <div class="am-u-sm-6">
                <span style="color:#f77e35 ">{$vo.value}</span>
            </div>
        </div>


    </li>
    {/volist}
</ul>

<!--轮播图结束-->
<div class="goodsForm" data-url="{:url('home/Cart/addCart')}">
    <!--<div class="guige_box">
        {eq name="goodsInfo.is_attr" value="1"}
        {volist name="goodsInfo.attr" id="vo"}
        <div class="goods_attr" style="margin-top: 20px;">
            <h2 class="attr-name" style="margin: 10px 0px;">{$vo.attr_name}</h2>
            <ul style="margin: 0px;">
                {volist name="vo.attr_list" id="item"}
                <li style="margin: 3px;" class="goods_sku {in name=" item" value="$goodsInfo['sku_name']"}sel{/in}" val="{$item}"><span>{$item}</span><s></s></li>
                {/volist}
            </ul>
        </div>
        <div class="clearfix"></div>
        {/volist}
        <script>
            /**
             * 规格点击回调 goodsForm 中必有.skuid/.number
             * @param goodsForm goodsForm为外层包裹商品属性得dom
             * @param obj obj为匹配得商品信息
             */
            function setGoodsObj(goodsForm, obj) {
                console.info(obj);
                goodsForm.find('.fulltitle').text(obj.fulltitle);
                goodsForm.find('.unit-price').text(obj.price);
            }
        </script>
        {/eq}
    </div>-->
    <div class="number-group" style="margin: 0 auto;">
        <input type="hidden" class="form-control skuid" value="{$goodsInfo.sku_id}"/>

        <!--<div class="input-group" style="text-align: center;margin-top: 10px;">购买数量：-->
            <!--<span class="input-group-addon do" data-action="0" data-type="dec" data-min="{$goodsInfo.minimum}" style="display: inline-block;-->
    <!--width: 34px;-->
    <!--height: 29px;-->
    <!--background: #e0e0e0;-->
    <!--text-align: center;">-</span>-->
            <!--<input type="text" class="form-control number" value="{$goodsInfo.minimum}" style="width:54px;height: 29px;"/>-->
            <!--<span class="input-group-addon do" data-action="1" data-type="inc"-->
                  <!--data-max="{$goodsInfo.goods_stock}" style="margin-right: 20px;display: inline-block;-->
    <!--width: 34px;-->
    <!--height: 29px;-->
    <!--background: #e0e0e0;-->
    <!--text-align: center;">+</span>-->

        <!--</div>-->
        <!--<div class="am-g" style="margin: 0 auto;margin-top: 15px;text-align: center">-->
           <!--<div class="am-u-sm-12">-->
               <!--<a href="javascript:;" class="do" data-type="add" data-url="">加入购物车</a>-->
                <!--<a href="javascript:;" class="do" data-type="buy" data-url="{:url('home/Cart/orderConfirm')}">立即购买</a>-->
           <!--</div>-->
     <!--</div>-->
        <script>
            /**
             * 购物车添加成功后调用方法
             */
            function callCart() {
                alert('成功');
            }
        </script>
    </div>
</div>
<!--<div class="suoshubiaoqian">-->
    <!--<p>-->
        <!--&lt;!&ndash;<span>所属标签：</span>&ndash;&gt;-->
        <!--{volist name="goodsInfo.extend_list" id="vo"}-->
        <!--&nbsp;<span>{$vo.item_name}:{$vo.value}</span>-->
        <!--{/volist}-->
    <!--</p>-->
<!--</div>-->
<!--优惠卷-->
<!--<div class="am-g" style="margin:10px 0px;text-align: center;">-->
    <!--<div class="am-u-sm-8" style="overflow: hidden;-->
           <!--white-space: nowrap;-->
          <!--text-overflow: ellipsis;">-->
        <!--<img src="/public/home/mobile/image/member/6.jpg" style="height: 20vw;-->
    <!--width: 61vw;" alt="">-->
    <!--</div>-->
    <!--<div class="am-u-sm-4" style="overflow: hidden;-->
           <!--white-space: nowrap;-->
          <!--text-overflow: ellipsis;padding: 24px 0px;">-->
        <!--领取优惠卷  <span class="icon iconfont icon-xiangyoujiantou"></span>-->
    <!--</div>-->


<!--</div>-->
<!--<button type="button" class="am-btn am-btn-default am-btn-block" onclick="showContent()">产品详情</button>-->
<div id="d1" style="background: #fff;margin-top: 15px;">
  <h2 style="text-align: left;font-size: 18px;margin-top: 15px;
    font-weight: 300;padding-left: 10px;"><b style="width: 3px;border: 3px solid #f77e35;margin-right: 5px;"></b>产品详情</h2>
    {$goodsInfo.content}
</div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="" style="    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 49px; */
    /* line-height: 49px; */
    z-index: 1010;">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="background-color: rgba(0,0,0,0.5);">
        <li style="padding: 5px;">
            <a href="{:url('/home/Index/index')}" class="">
                <span class="icon iconfont icon-shouye"></span>
                <span class="am-navbar-label">首页</span>
            </a>
        </li>
        <li style="padding: 5px;">
            <a href="{:url('/home/Index/special',['special_id'=>2])}" class="" style="    /* display: inline-block; */
    /* width: 100%; */
    /* height: 49px; */
    /* line-height: 20px; */">
 <button type="button" class="am-btn am-btn-success" onclick="sub()" style="outline: none;margin-top: -18px; background:#40BDFF; border-color:#40BDFF;">立即预约</button>
 </a>
        </li>

    </ul>
</div>

{/block}
{block name="script"}
<script>
    function showContent() {
        layer.open({
            type: 1
            ,
            content: '{$goodsInfo.content}'
            ,
            anim: 'up'
            ,
            btn: ['返回商品详情']
            ,
            style: 'position:fixed; left:0; top:0; width:100%; height:auto; border: none; -webkit-animation-duration: .5s; animation-duration: .5s;'
        });
    }
</script>
{/block}
